<div class="ui-editInfo">
	<ul class="ui-list">
		<li class="ui-list__item">
			<span class="ui-item__title">头像</span>
			<i class="ui-avatar" style="background-image: url({{avatar}});" v-touch:tap="onAvatarTap()"></i>
		</li>
		<li class="ui-list__item">
			<span class="ui-item__title">昵称</span>
			<input type="text" placeholder="请输入您的名字" v-model="nickname" />
		</li>
		<li class="ui-list__item" v-touch:tap="onCityTap()">
			<span class="ui-item__title">约会范围</span>
			<span class="ui-item__city">{{province}} {{city}}</span>
		</li>
		<li class="ui-list__item">
			<span class="ui-item__title">性别</span>
			<span class="ui-item__city">{{sex == 0 ? '男' : '女'}}</span>
		</li>
		<li class="ui-list__item">
			<span class="ui-item__title">年龄</span>
			<input type="number" placeholder="请输入您的真实年龄" v-model="age" />
		</li>
		<li class="ui-list__item">
			<span class="ui-item__title">职业</span>
			<input type="text" v-touch:tap="onOccupationListTap()" placeholder="请选择您的职业" v-model="occupation" disabled/>
		</li>
		<li class="ui-list__item">
			<span class="ui-item__title">身高</span>
			<input type="number" placeholder="请输入您的身高（cm）" v-model="height" />
		</li>
		<li class="ui-list__item">
			<span class="ui-item__title">体重</span>
			<input type="number" placeholder="请输入您的体重(kg)" v-model="weight" />
		</li>
		<li class="ui-list__item" v-if="sex">
			<span class="ui-item__title">胸围</span>
			<input type="number" placeholder="请输入您的胸围" v-model="bust" />
		</li>
		<li class="ui-list__item" v-if="sex" v-touch:tap="onCupSizeTap()">
			<span class="ui-item__title">罩杯</span>
			<input type="text" placeholder="请选择您的罩杯" v-model="cupSize" disabled/>
		</li>
		<li class="ui-list__item" v-if="sex">
			<span class="ui-item__title">打扮风格</span>
			<input type="text" v-touch:tap="onStyleTap()" placeholder="请选择您的打扮风格" v-model="style" disabled/>
		</li>
		<li class="ui-list__item" v-if="sex">
			<span class="ui-item__title">语言</span>
			<input type="text" v-touch:tap="onLangTap()" placeholder="请选择您的语言" v-model="language" disabled/>
		</li>
		<li class="ui-list__item" v-if="sex">
			<span class="ui-item__title">情感</span>
			<input type="text" v-touch:tap="onRelationshipTap()" placeholder="请选择您的情感状态" v-model="relationship" disabled/>
		</li>
		<li class="ui-list__item" v-if="sex">
			<span class="ui-item__title">约会节目</span>
			<input type="text" placeholder="选择约会节目" v-model="datingProgram" v-touch:tap="onDatingProgramTap()" disabled/>
		</li>
		<li class="ui-list__item" v-if="sex">
			<span class="ui-item__title">约会条件</span>
			<input type="text" placeholder="选择约会条件" v-model="datingCodition" v-touch:tap="onDatingConditionTap()" disabled/>
		</li>
		<li class="ui-list__item" v-if="sex && datingCodition === '收费约会'">
			<span class="ui-item__title">约会金额</span>
			<input type="number" placeholder="输入约会金额" v-model="datingMoney" />
		</li>
	</ul>
	<div class="ui-intro" v-if="sex">
		<p class="ui-intro__title">约会联系方式</p>
		<p class="tip">请至少填写1种联系方式</p>
	</div>
	<ul class="ui-list">
		<li class="ui-list__item">
			<span class="ui-item__title">微信</span>
			<input type="text" placeholder="请输入您的微信" v-model="wechat" />
		</li>
		<li class="ui-list__item">
			<span class="ui-item__title">QQ</span>
			<input type="number" placeholder="请输入您的QQ" v-model="qq" />
		</li>
	</ul>
	<div class="ui-intro">
		<p class="ui-intro__title">个人介绍（多选）</p>
		<p class="tip">吸引人的个人介绍可以大大提高异性的约会欲望哦</p>
	</div>
	<ul class="ui-intro__list">
		<li class="ui-intro__item" v-bind:class="{'select': item.selected}" v-for="item in tapList" v-touch:tap="onListTap($index)"
		    v-show="item.belong === sex || item.belong === 3">{{item.title}}</li>
	</ul>
</div>